
									<div id="accordion" class="accordion-style1 panel-group">\

                                       <volist name="lists['lists']" id="vo">
										<div class="panel panel-default">
											<div class="panel-heading">
												<h4 class="panel-title">
													<a class="accordion-toggle" data-toggle="collapse" data-parent="#accordion" href="#collapse{$vo.id}">
														<i class="ace-icon fa fa-angle-down bigger-110" data-icon-hide="ace-icon fa fa-angle-down" data-icon-show="ace-icon fa fa-angle-right"></i>
														&nbsp;{$vo.name} (图片列表)
													</a>
												</h4>
											</div>

											<div class="panel-collapse collapse in" id="collapse{$vo.id}">
												<div class="panel-body">
										         
				<div class="row">
						<div class="col-xs-12">
							<!-- PAGE CONTENT BEGINS -->
							<div>
								<ul class="ace-thumbnails clearfix">
									<!-- #section:pages/gallery -->
									<volist name="vo.img_list" id="img">
									<li>
									  <img onclick="big_img(this,'{$img.id}',1)" width="100px" height="100px" style="cursor:pointer;display:block;" src="__PUBLIC__/{$img.compress_url}">
                                                <div class="big_img_{$img.id}"onclick="big_img(this,'{$img.id}',2)"  style="cursor:pointer;display:none;"><img   src="__PUBLIC__/{$img.raw_url}" width="600px" height="600px" ></div>  

										<!-- #section:pages/gallery.tools -->
				<!-- 						<div class="tools tools-top in">
											<a href="#">
												<i class="ace-icon fa fa-link"></i>
											</a>

											<a href="#">
												<i class="ace-icon fa fa-paperclip"></i>
											</a>

											<a href="#">
												<i class="ace-icon fa fa-pencil"></i>
											</a>

											<a href="#">
												<i class="ace-icon fa fa-times red"></i>
											</a>
										</div> -->
									</li>

									</volist>
								</ul>
							</div><!-- PAGE CONTENT ENDS -->
						</div><!-- /.col -->
					</div>
						</div>
					</div>
				</div>
		</volist>
				<table style="width: 80%; float: right; margin-bottom:10px">
					    <tr>
					        <td style="text-align: right;"> <div class="page_list_ops dataTables_paginate paging_bootstrap pagination" >{$lists['page_html']}</div></td>
					    </tr>
					</table>		
									</div>
									<script type="text/javascript">
										function big_img(_this,id,type){
	if(type==1){
	// $(_this).css('display','none');
	var big_img_one = ".big_img_"+id;
    $(big_img_one).css({'display':'block','position':'absolute ','top':'0'}); 
	}else{
		$(_this).css('display','none');
		$(_this).parent().find('img').css('display','block');
	}
}
									</script>

